<template>
    <div id="app">
      <img alt="Vue logo" src="./assets/logo.png">
      <el-button type="primary" plain>主要按钮</el-button>
      <span :class="{ss:isuse}">{{m}}</span>
      <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
      <Test></Test>
    </div>
  </template>
  
  <script>
  // import HelloWorld from './components/HelloWorld.vue'
  import Test from '@/components/Test.vue';
  
  export default {
    name: 'App',
    data() {
      return {
        m: 2222,
        isuse:true
      }
    },
    components: {
      //HelloWorld
      Test
    },
    created () {
      console.info('--------created---------');
      console.info(this.$el);
      console.info(this.$data);
    },
    mounted () {
       console.info('--------mounted---------');
      console.info(this.$el);
      console.info(this.$data);
    },
  }
  </script>
  
  <style>
  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }
  .ss{
    color: red;
  }
  </style>
  